<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>our</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
    <div class="up">
        <div class="head">
            <div class="about">
                <h1>OUR SCHOOL</h1>
            </div>
            <div class="banner">
                <img src="images/nanmen.jpg" alt="">
                <img src="images/library.jpg" alt="">
                <img src="images/baigong.jpg" alt="">
                <img src="images/tianjingchang.jpg" alt="">
                <img src="images/xiaodao.jpg" alt="">
                <img src="images/sijiao.jpg" alt="">
                <img src="images/lingting.jpg" alt="">
                <img src="images/diecuihu.jpg" alt="">
            </div>
            <button class="prev"></button>
            <button class="next"></button>
            <div class="btn-group">
                <span class="current"></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="title">
                <p class="first-word">武汉工程大学是一所以工为主，覆盖工、理、管、经、文、法、艺术、医学、教育学等九大学科门类的多科性教学研究型大学，是湖北省重点建设高校、湖北省国内一流学科建设高校，入选卓越工程师教育培养计划、中西部高校基础能力建设工程、“新工科”研究与实践项目。</p>
                <p>学校创建于1972年6月，原名湖北化工石油学院，隶属湖北省人民政府。1980年3月，更名为武汉化工学院，改由原化工部主管。1998年7月，学校划归湖北省人民政府管理，实行中央与地方共建。2006年2月，更名为武汉工程大学。</p>
            </div>
        </div>
    </div>
   <div class="down">
    <div class="aboutus">
        <h1>ABOUT US</h1>
    </div>
    <div class="content box">
        <div class="join">
            <h3>JOIN US</h3>
            <div class="xun">
                <p>脚印会旧而梦还在走</p>
                <p>太阳尚远但一定会有</p>
                <p>等到天亮我们都寻找到</p>
                <p>最漂亮愿望</p>
            </div>
            <div class="friend">
                <p class="first">QQ扫一扫下面的二维码，就可以加入我们的小队啦</p>
                <p>加入小队后管理员会把你的信息录入，你就可以在这里看见你哦</p>
            </div>
            <span class="block1"></span>
            <span class="block2"></span>
            <div class="tab"><img src="images/erweima.jpg" alt=""></div>
        </div>
        {{each data}}
        <div class="odd-row warp " style="background:url({{$value.backgroundUrl}})">
            <div class="touxiang"><img src="{{$value.avatar}}"></div>
            <div class="title1">
                <p class="name">{{$value.name}}</p>
            <p class="introduce">{{$value.description}}</p>
            <p class="pre">
                {{$value.motto}}
            </p>
            <a href="{{$value.site}}">
                <input class="input" type="submit" value="more">
           </a>
            </div>
        </div>
        {{/each}}
    </div>
   </div>

    <script src="js/index.js"></script>
</body>
</html>